@element: 'dock';
@import (multiple) 'theme.less';

:host {
  position: relative;
  box-sizing: border-box;
  font-size: @font_size;

  overflow: hidden;
  color: @page_text_color;
}

.content {
  .fit();
  .layout-vertical();
}

.content:focus {
  outline: none;
}

:host([row]) > .content {
  flex-direction: row;
}
